﻿@model List<M2B.GestionEntretiens.POCOS.Traitement>
@{
    ViewBag.Title = "Traitements";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style type="text/css">
    a {
        color: maroon;
        text-decoration: none;
    }

    .menu {
        float: left;
        max-width: 900px;
        cursor: pointer;
    }

        .menu a {
            width: 160px;
            height: 150px;
            padding-top: 0px;
            font-family: "roboto light";
            font-size: 16px;
            color: #ffffff;
            display: inline-block;
            margin: 5px;
            text-align: center;
            float: left;
            opacity: 1;
        }

            .menu a:hover {
                margin: 4px;
                border: 1px maroon solid;
            }
</style>

<div style="height: 100%">
    <table style="margin-left: auto; margin-right: auto; overflow: auto; margin-top: 0;">
        <tr style="height: 130px;">
            <td colspan="2" style="vertical-align: middle; width: 850px;padding:0;margin:0;">
                <label id="labelModuleCourant" style="text-align: left;float:left; color: black; font-size: 40px;
                      font-style: normal;width:650px;">
                    Paramétrage des entretiens
                </label>
            </td>
            <td></td>
        </tr>
        <tr id="trVide"></tr>
        <tr style="margin: 0; padding: 0;">
            <td style="padding: 0; margin: 0; vertical-align: top; min-width: 850px;">
                <div id="TraitementsMenu" class="menu" style="margin: 0; padding: 0; float: left;">
                    @{
                        foreach (var item in Model)
                        {

                            <a href=@Url.Action("LancerTraitement", "Home", new { codeTraitement = item.Code }) id="@item.Code" style="background:@item.Color;" >

                                <img src="~/Content/Images/param_candidats.png" style="height: 64px; width: 64px; margin-top: 10px;">
                                <label style="margin-top:20px">@item.Libelle</label>
                            </a>
                        }
                    }
                    <a id="help" style="background: darkorchid; ">
                        <img src="~/Content/Images/param_candidats.png" style="height: 64px; width: 64px; margin-top: 10px;">
                        <label style="margin-top:20px;">Vous avez besoin d'aide ?</label>
                    </a>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding-left: 5px; padding-top: 20px;">
                <div style="background: #9fa7b8; height: 1px; width: 165px; margin-bottom:4px">

                </div>
                <div>
                    <label id="VersionModule" style="color: #9fa7b8; font-size: 18px;
                        width: 820px">
                    </label>
                    <label style="color: #9fa7b8; font-size: 12px;  width: 820px">
                        M2B ® Version 1.0 - 01 Avril 2014
                    </label>
                    <label style="color: #9fa7b8; font-size: 12px; width: 820px">
                        2014 License N°20140407 / M2B Groupe
                    </label>
                </div>
            </td>
        </tr>
    </table>
</div>
